<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <span data-v-272fa676="">
    <span style="color:red">JAVA</span>
    ; API的下载和中文查看API
  </span>
<script>

  // 思路：就是字符串替换。
  // "我爱我家" ---> 把我这个字高亮

  // 把 "我" 用 “<span style="color:red">我</span>”来代替
  // "<span style="color:red">我</span>爱<span style="color:red">我</span>家"
  let str = "abcdA"
  // 目标是： "<span style="color:red">我</span>爱<span style="color:red">我</span>家"
  let keyword = "a"
  // 定义一个正则表达式
  let reg = new RegExp(keyword, 'gi')
  // g: 全局匹配。匹配多个
  // i: 忽略大小写
  
  console.log(reg)
  // val: 会将正则匹配到的结果传入
  // str.replace(正则，函数) : 
  //      对str的内容进行正则匹配，匹配到的内容做为实参传给函数，这个函数的
  //      返回值 用来替换正则中匹配到的内容
  let result = str.replace(reg, function(val){
    console.log(val)
    return '<span style="color:red">'+val+'</span>'
  })
  // let result = str.replace('我', '<span style="color:red">我</span>')


  console.log(result)

  </script>
</body>
</html>